.suppor {
    margin: 2em 4em 0;
    font-size: 1.4rem;
    .title {
        font-size: 2rem;
        color: #1C1F33;
        border-bottom: 1px solid rgba(254, 179, 7, 1);
        margin: 0 0 .8em 0;
        padding: 0 0 .8em 0;

        &::before {
            content: " ";
            display: inline-block;
            width: 2px;
            height: 20px;
            border-left: 8px solid rgba(254, 179, 7, 1);
            border-right: 2px solid rgba(254, 179, 7, 1);
        }
    }

    .faq {
        .answer {
            padding: 0 1em;
            background: rgba(246, 249, 255, 1);
            line-height: 3.15em;
            display: none;
        }
        .question {
            cursor: pointer;
            border-bottom: 1px dotted #E8E8EA;
            padding-bottom: 1em;
        }
        .collapse {
            display: inline-block;
            color: rgba(210, 210, 214, 1);
            font-size: 1em;
            transform: rotateZ(-90deg) scale(.6, .6);
        }
        .expanse {
            transform: rotateZ(0deg) scale(.6, .6);
        }
    }

    .guide_ol {
        margin-bottom: 2em;
        .howtouse {
            margin: 0;
            font-size: 1.4rem;
            padding: 1.5em 0;
            border-bottom: 1px dotted #E8E8EA;

            &>a {
                color: #1C1F33;
                &:link {
                    text-decoration: none;
                }
                &:visited {
                    color: #1C1F33;
                }
                &:hover {
                    font-weight: bolder;
                    text-decoration: underline;
                }
            }
        }

    }
}